<template>

    <div class="login_container">

        <div style="display: flex;margin: 30px;border:1px solid #ddd;box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);padding:
30px;">

            <div style="width:100px;height:100px;margin-right: 20px;">
                <img :src="useStore.avatar" alt="" srcset="" style="width:100%;
 height:100%;
 object-fit:cover;
 border-radius:50px;">

            </div>
            <div style="margin: 10px;">
                <div style="margin-bottom: 50px;">
                    <span>您好，</span><span>{{useStore.userName}}</span>
                </div>

                <div style="color:grey">硅谷甄选运营平台</div>
            </div>
        </div>
    </div>

    <div style="display:flex;justify-content:center">
        <svg-icon icon="welcome" width="500px" height="300px"></svg-icon>
    </div>
</template>
<script setup scoped>
    import { onMounted } from 'vue'
    import userStore from '@/store/modules/user.ts'
    import SvgIcon from '@/components/SvgIcon/index.vue'
    let useStore = userStore()



</script>
<style lang="scss" scoped>


</style>